<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		/* 动态伪类选择器 
			四个一起使用 
			严格遵循顺序 
			l  v h a
		*/
		/* link 未访问过得样式  */
		a:link{
			color: red;
		}
		/* visited 访问过得样式 */
		a:visited{
			color: yellow;
		}
		
		/* hover 鼠标悬浮到标签上得样式 */
		a:hover{
			color: blueviolet;
		}
		/* active 鼠标长按得样式 */
		a:active{
			color: aqua;
		}
		/* 否定伪类选择器 从已经选择得标签中剔除某一类标签 :not() */
		p:not(.two){
			color: red;
		}
	</style>
</head>
<body>
	<a href="http://121.199.0.35:8888">跳转到服务器</a>
	<p>第1个标签</p>
	<p class="two">第2个标签</p>
	<p>第3个标签</p>
	<p>第4个标签</p>
</body>
</html>